.ant-radio-group.custom {
  @apply flex flex-wrap gap-1;
  .ant-radio-wrapper {
    @apply m-0  overflow-hidden border border-dashed border-transparent  transition-all;
    &.ant-radio-wrapper-checked {
      background: transparent;
      border-color: transparent;
    }
    .ant-radio {
      @apply hidden;
      & + * {
        @apply p-0;
      }
    }

    .icon {
      @apply inline-flex leading-none p-0  items-center justify-center;
      font-size: 10px;
      background: #3c3d42;
      border: 1px solid rgba(36, 37, 39, 1);
      border-radius: 4px;
    }
    .title {
      @apply mt-2 block text-center text-xs;
      color: #d8d8d8;
    }
    &.ant-radio-wrapper-checked {
      .icon {
        background: #26272a;
        border: 1px solid rgba(1, 113, 239, 1);
      }
      .title {
        color: #fff;
      }
    }
  }
}

.ant-radio-wrapper {
  @apply text-white;
  .ant-radio-inner {
    background-color: transparent;
    box-shadow: none !important;
    border-color: rgba(36, 37, 39, 1);
  }
}
